6.4 How to make navigation bars

  1. Motivations
    • We already have used navigation bars in CVs.
    • Here is an example.

  2. Let's make a bit better navigation bars with the followings.
    • Example of navigation bars: 
      <a href='//cs.tru.ca'>cs.tru.ca</a>
<a href='#contact'>Contact</a>
<a href='#education'>Education</a>
<a href='#work-experiences'>Work Experiences</a>
<a href='#skills'>Skills</a>
    • Trial 1: Let's try the above example. How to display them in lines?


    • Trial 2: Let's give them background colors for mouse hovering. How to display them with the full width in the container?



  3. Learning outcomes